<style>

    .navbar-right {
        position: absolute;
        right: 60px;
    }

    .navbar-right > li > a {
        color: #ffffff;
        font-size: 16px;
        background: none;!important;

    }

    .navbar-right > li > a:hover {
        border-bottom: 4px solid #fde000;
        background: none;!important;
    }

    .icon-bar {
        background: #ffffff;
    }

    /*.active .navbar-right > li > a:hover {*/
        /*border-bottom: 4px solid #fde000;*/
        /*background: none;*/
    /*}*/

    .dropdown-menu {
        background: #ffff00;
    }

    .dropdown-menu > li > a {

        color: #ffffff;
    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background: none;!important;
        border: none;
    }
    .test{
        padding-top: 10px;
        margin-top: 20px;
        display: none;
        position: relative;
    }
    .test>li>a{
        color: #ffffff;
        font-size: 16px;
    }
    .test>ul:hover .test2{
        border-bottom: 4px solid #fde000;
        background: none;!important;
    }
    .navbar-right>li:hover .test{
        display: block;
    }
</style>
<script src="__static__/Common/index/request.js"></script>
<!--头部导航条开始-->
<div style="margin-top: 40px; z-index: 50">
    <nav class="navbar  navbar-static-top" >
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <img src="__static__/images/logo.png" alt="网院计算机协会" width="70" >
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li v-for="menu in secondMenus">
                        <a class="test2" :href="menu.url" :name="menu.id" v-if="menu.type == 1" :key="menu.order_id" v-text="menu.name"></a>
                        <ul class="test">
                            <li v-for="smenu in secondMenus" v-if="smenu.type==2 && smenu.father_id == menu.id"><a :href="smenu.url" v-text="smenu.name"></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>
<!--头部导航条结束-->


